import QtQuick 2.0
import QtQuick.Controls 2.12
import QtGraphicalEffects 1.12
Popup{
    width: 800
    height: 504
    closePolicy: Popup.CloseOnEscape
    property int sec :3
    padding: 0
    background: Rectangle {
        color:      Qt.rgba(0,0,0,0)   //背景为无色
    }
    Rectangle{
        color: "#374151"
        anchors.fill: parent
        radius: 8
        border.width:2
        border.color:"#20FFFFFF"
        Image{
            x:728
            y:16
            source: "qrc:/imgs/close_6.png"
            sourceSize.width: 48
            sourceSize.height: 48
            MouseArea{
                anchors.fill: parent
                onClicked: {
                    close()
                }
            }
        }
        Image{
            x:360
            y:120
            source: "qrc:/imgs/warn_3.png"
            sourceSize.width: 80
            sourceSize.height: 80
        }

        Rectangle{
            width: 615
            height: 46
            x:92
            y:216
            color:"#00FFFFFF"
            Text {
                anchors.centerIn: parent
                text: qsTr("请您进行视野安全检查")
                font.pointSize: 32
                font.family: "Roboto"
                color: "#2D8CFE"
            }
        }
        Rectangle{
            width: 615
            height: 35
            x:92
            y:276
            color: "#00FFFFFF"
            Text {
                anchors.centerIn: parent
                text: qsTr("通过触摸屏进行视野选择")
                font.pointSize: 24
                font.family: "Roboto"
                color: '#FCFCFC'
            }
        }
        Rectangle{
            width: 230
            height: 56
            x:285
            y:400
            radius: 4
            color: "#2D8CFE"
            Text {
                anchors.centerIn: parent
                text: qsTr("开始视野检查 ("+sec+"s)")
                font.pointSize: 20
                font.family: "Roboto"
                color: "#ADC9D9"
            }
            MouseArea{
                anchors.fill: parent
                onClicked: {
                    close()
                }
            }
        }
    }
}